<div class="bg-silver">
    <div class="p-10">
        <!-- begin col-3 -->
        <div class="col-md-2 col-sm-2">
            <div class="widget widget-stats bg-green m-b-10">
                <div class="stats-icon stats-icon-lg"><i class="fa fa-globe fa-fw"></i></div>
                <div class="stats-title">大资源总数</div>
                <div class="stats-number" id="AllbigEmp">7,842,900</div>
                <div class="stats-progress progress">
                    <div class="progress-bar" id="AllbigEmpbar" style="width: 70.1%;"></div>
                </div>
                <div class="stats-desc">资源占比约 (<span id="AllbigEmpCout">70.1%</span>)</div>
            </div>
        </div>
        <!-- end col-3 -->
        <!-- begin col-3 -->
        <div class="col-md-2 col-sm-2">
            <div class="widget widget-stats bg-blue m-b-10">
                <div class="stats-icon stats-icon-lg"><i class="fa fa-tags fa-fw"></i></div>
                <div class="stats-title" >意向大资源类</div>
                <div class="stats-number" id="AllYiGroup">180,200</div>
                <div class="stats-progress progress">
                    <div class="progress-bar" id="AllYiGroupbar" style="width: 40.5%;"></div>
                </div>
                <div class="stats-desc">资源占比约 (<span id="AllYiGroupCout">40.5%</span>)</div>
            </div>
        </div>
        <!-- end col-3 -->
        <!-- begin col-3 -->
        <div class="col-md-2 col-sm-2">
            <div class="widget widget-stats bg-purple m-b-10">
                <div class="stats-icon stats-icon-lg"><i class="fa fa-shopping-cart fa-fw"></i></div>
                <div class="stats-title">推广资源类</div>
                <div class="stats-number" id="AllExEmp">38,900</div>
                <div class="stats-progress progress">
                    <div class="progress-bar"  id="AllExEmpbar" style="width: 76.3%;"></div>
                </div>
                <div class="stats-desc">资源占比约 (<span id="AllExEmpCout">76.3%</span>)</div>
            </div>
        </div>
        <!-- end col-3 -->
        <!-- begin col-3 -->
        <div class="col-md-2 col-sm-2">
            <div class="widget widget-stats bg-black m-b-10">
                <div class="stats-icon stats-icon-lg"><i class="fa fa-comments fa-fw"></i></div>
                <div class="stats-title">网校资源类</div>
                <div class="stats-number" id="AllSchool">3,988</div>
                <div class="stats-progress progress">
                    <div class="progress-bar" id="AllSchoolbar" style="width: 54.9%;"></div>
                </div>
                <div class="stats-desc">资源占比约 (<span id="AllSchoolCout">54.9%</span>)</div>
            </div>
        </div>
        <div class="col-md-2 col-sm-2">
            <div class="widget widget-stats bg-blue-sliterly m-b-10">
                <div class="stats-icon stats-icon-lg"><i class="fa fa-drupal fa-fw"></i></div>
                <div class="stats-title">客服录入资源</div>
                <div class="stats-number" id="AllMyCustomer">3,988</div>
                <div class="stats-progress progress">
                    <div class="progress-bar" id="AllMyCustomerbar" style="width: 54.9%;"></div>
                </div>
                <div class="stats-desc">资源占比约 (<span id="AllMyCustomerCout">54.9%</span>)</div>
            </div>
        </div>
        <div class="col-md-2 col-sm-2">
            <div class="widget widget-stats bg-zise-sliterly m-b-10">
                <div class="stats-icon stats-icon-lg"><i class="fa fa-cloud fa-fw"></i></div>
                <div class="stats-title">公司公海资源</div>
                <div class="stats-number" id="AllGongSea">3,988</div>
                <div class="stats-progress progress">
                    <div class="progress-bar" id="AllGongSeabar" style="width: 54.9%;"></div>
                </div>
                <div class="stats-desc">资源占比约 (<span id="AllGongSeaCout">54.9%</span>)</div>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
    <div class=" p-10 p-b-0">
        <div class="panel panel-inverse" >
            <div class="panel-heading bg-title-sliter " style="border-radius: 5px">
                <div class="panel-heading-btn">
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                </div>
                <h3 class="panel-title"><span style="color: #6e728e">客户数据监控详情</span></h3>
            </div>
            <div class="panel-body p-b-0">
                <table class="table table-bordered table-hover">
                    <thead>
                    <tr>
                        <th>资源类型</th>
                        <th>今日新客户</th>
                        <th>今日分配客户</th>
                        <th>今日沟通客户</th>
                        <th>今日成交客户</th>
                        <th>今日放弃客户</th>
                    </tr>
                    </thead>
                    <tbody>

                    <tr>
                        <td class="p-10">大资源类</td>
                        <td class="p-10" id="bigempToday">2000</td>
                        <td class="p-10">#</td>
                        <td class="p-10">#</td>
                        <td class="p-10">#</td>
                        <td class="p-10">#</td>
                    </tr>
                    <tr>
                        <td class="p-10">推广资源类</td>
                        <td class="p-10" id="exempToday">30</td>
                        <td class="p-10">#</td>
                        <td class="p-10">#</td>
                        <td class="p-10">#</td>
                        <td class="p-10">#</td>
                    </tr>
                     <tr>
                        <td class="p-10">网校资源类</td>
                        <td class="p-10" id="schoDay">100</td>
                        <td class="p-10">#</td>
                        <td class="p-10">#</td>
                        <td class="p-10">#</td>
                        <td class="p-10">#</td>
                     </tr>
                     <tr>
                         <td class="p-10">客服录入资源</td>
                         <td class="p-10" id="myCusToDay">30</td>
                         <td class="p-10">#</td>
                         <td class="p-10">#</td>
                         <td class="p-10">#</td>
                         <td class="p-10">#</td>
                     </tr>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class=" m-10 m-t-0">
         <div class="col-md-4 col-sm-4 p-4">
            <div class="panel panel-inverse" >
                <div class="panel-heading bg-title-sliter" style="border-radius: 5px">
                    <h3 class="panel-title"><span style="color: #6e728e">部门分配</span></h3>
                </div>
                <div class="panel-body p-t-3">
                    <div class="height-25">
                        <div class="col-md-4 col-sm-4">
                            <button class="btn btn-sm btn-primary p-6 m-3" >日</button>
                            <button class="btn btn-sm btn-default p-6 m-3" >周</button>
                            <button class="btn btn-sm btn-default p-6 m-3" >月</button>
                        </div>
                        <div class="col-md-4 col-sm-4">
                           <div class="input-group date m-3" >
                               <input type="text" disabled class="form-control" />
                               <span class="input-group-addon">
                                   <span class="glyphicon glyphicon-calendar"></span>
                               </span>
                           </div>
                        </div>
                        <div class="col-md-4 col-sm-4 p-5">
                           <select class="form-control" >
                               <option value="乐语名片">推广资源</option>
                               <option value="网站后台">大资源类</option>
                               <option value="乐语留言">网校资源</option>
                               <option value="主动联系">客户录入</option>
                           </select>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div  class="col-md-12 col-sm-12 p-0" >
                        <div id="trainorder" class="height-300"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class=" m-10 m-t-0">
         <div class="col-md-3 col-sm-3 p-4">
            <div class="panel panel-inverse" >
                <div class="panel-heading bg-title-sliter" style="border-radius: 5px">
                    <h3 class="panel-title"><span style="color: #6e728e">电话沟通</span></h3>
                </div>
                <div class="panel-body p-t-3">
                    <div  class="col-md-12 col-sm-12 p-0" >
                        <div id="IponeConect" class="height-300"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class=" m-10 m-t-0">
         <div class="col-md-5 col-sm-5 p-4">
            <div class="panel panel-inverse" >
                <div class="panel-heading bg-title-sliter" style="border-radius: 5px">
                    <h3 class="panel-title"><span style="color: #6e728e">部门电话沟通</span></h3>
                </div>
                <div class="panel-body p-t-3">
                    <div class="height-25">
                        <div class="col-md-4 col-sm-4">
                            <button class="btn btn-sm btn-primary p-6 m-3" >日</button>
                            <button class="btn btn-sm btn-default p-6 m-3" >周</button>
                            <button class="btn btn-sm btn-default p-6 m-3" >月</button>
                        </div>
                        <div class="col-md-4 col-sm-4">
                           <div class="input-group date m-3" >
                               <input type="text" disabled class="form-control"/>
                               <span class="input-group-addon">
                                   <span class="glyphicon glyphicon-calendar"></span>
                               </span>
                           </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div  class="col-md-12 col-sm-12 p-0" >
                        <div id="IponeDeptConect" class="height-300"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script data-th-src="@{js/app/index_page.js}"></script>
